<template>
  <header class="header">
    <h1>todos</h1>
    <input id="toggle-all" class="toggle-all" type="checkbox" v-model="isAll"   >
    <label for="toggle-all"></label>
    <input
        class="new-todo"
        placeholder="输入任务名称-回车确认"
        @keyup.enter="add"
        autofocus
        v-model="name"
    />
  </header>
</template>

<script>
export default {
  props:["arr"],
  data(){
   return{
     name:'',

   }
  },
methods:{
  add(){
    this.$emit("ss",this.name)
    this.name=''
  }
},
  computed:{
    isAll:{
      set(checked){
        this.arr.forEach(obj=>obj.isDone=checked)
      },
      get(){
        return this.arr.length!=0&&this.arr.every(obj=>{obj.isDone===true})
      }
    }
  }
}
</script>